<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景图片例子1</title>
    <style>
      /* div {
            /* 页面既可以设置背景颜色也可以设置背景图片，但是背景图片会覆盖住背景颜色 */
            /* width: 300px;
            height: 300px; */
            /* 背景图片 */
            /* background-image: url(images/shengdan2.jpg); */
            /* 背景平铺 */
            /* background-repeat: no-repeat; */
            /* 背景图片的位置 */
            /* background-position: center top; */
        /* }  */ 

        h2 {
            width: 600px;
            height: 100px;
            font-weight: 400;
            font-size: 14px;
            font-family: Microsoft YaHei;
            /* background: green; */
            line-height: 100px;
            background-image: url(images/王者荣耀.png);
            background-repeat: no-repeat;
            background-position: center left;
            text-indent: 23em;
            
        }
        
    </style>
</head>

<body>
    <h2>王者荣耀十周年庆典活动</h2>
</body>

</html>